body { background: url("bg.jpg") repeat-x rgb(254, 233, 240); }
a:link { color: rgb(0, 0, 0); }
a:visited { color: rgb(0, 0, 0); }
a:hover { color: rgb(204, 32, 90); text-decoration: underline; }
a:active { color: rgb(204, 32, 90); text-decoration: underline; }
.minitop { background: url("/Home/Images/minitop_bg.png") repeat-x; height: 24px; border-bottom-color: rgb(210, 210, 210); border-bottom-width: 1px; border-bottom-style: solid; }
.minitop .topbody { padding: 0px 10px; }
.minitop h1 { margin-top: 3px; float: left; }
.top-nav { margin-top: 5px; float: right; }
.top-nav li { background: url("/Home/Images/line.gif") no-repeat 10px 0px; text-align: right; padding-left: 24px; float: left; }
.top-nav li.home { }
.top-nav li.first { }
.top-nav li.home a { background: url("/Home/Images/home.gif") no-repeat 0px; padding-left: 12px; }
.top-nav li.help a { background: url("/Home/Images/help.gif") no-repeat 0px 0px; padding-left: 16px; }
.top-nav li.servicemore a { background: url("/Home/Images/dropdown.gif") no-repeat 100% 0px; padding-right: 15px; }
.container { margin: auto; width: 980px; }
.top { margin: auto; width: 980px; }
.vivid { margin: auto; width: 980px; }
.header { background: url("header_bg.jpg") repeat-x; }
.container { padding-top: 10px; }
.top { padding-top: 16px; margin-bottom: 9px; }
.top .logo { float: left; }
.top .xxt { float: right; }
.vivid { background: rgb(255, 255, 255); }
.vivid .logo { padding: 30px 50px; float: left; display: inline; }
.vivid .name { padding: 30px 0px; line-height: 80px; }
.menu { margin: auto; width: 980px; height: 40px; }
.menu ul { background: url("menu_bg.jpg") repeat-x; width: 980px; height: 40px; }
.menu li { background: url("menu_line.gif") no-repeat 0px; padding: 0px 10px; line-height: 40px; font-weight: bold; float: left; display: inline; }
.menu li.first { }
.menu li a:link { color: rgb(204, 32, 90); }
.menu li a:visited { color: rgb(204, 32, 90); }
.clearfix { clear: both; }
.clearfix::after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
.bulletin { background: url("/Home/Images/bulletin_bg.png") repeat-x bottom rgb(255, 255, 255); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(211, 229, 238) rgb(211, 229, 238) currentColor; padding: 0px 4px; height: 28px; }
.notice { background: url("/Home/Images/notice.gif") no-repeat 0px; width: 620px; height: 28px; color: rgb(193, 69, 167); line-height: 28px; overflow: hidden; padding-left: 20px; }
.myaction { margin-top: 4px; float: right; }
.myaction li { background: url("/Home/Images/ar.gif") no-repeat 7px 50% rgb(0, 102, 204); padding: 0px 5px 0px 18px; color: rgb(204, 255, 255); line-height: 20px; margin-left: 4px; float: left; display: inline; }
.myaction a:link { color: rgb(204, 255, 255); }
.myaction a:visited { color: rgb(204, 255, 255); }
.rows { zoom: 1; }
.cols { float: left; display: inline; }
.leftbar { background: url("title_bg.gif") no-repeat rgb(255, 255, 255); padding: 0px 0px; width: 200px; }
.main { width: 768px; margin-left: 12px; }
.mb10 { margin-bottom: 10px !important; }
.pd10 { padding: 10px !important; }
.redfont { color: rgb(255, 0, 0); font-weight: bold; }
.none { border: currentColor; }
.ul-list li { float: left; display: inline; }
.ul-list li .pic a { background: rgb(255, 255, 255); padding: 4px; border: 1px solid rgb(238, 238, 238); text-align: center; vertical-align: middle; display: table-cell; }
.ul-list li .pic img { vertical-align: middle;  border: 0px; }}
.ul-list li .name { margin-top: 5px; }
.ul-list li a:link { color: rgb(0, 0, 0); }
.ul-list li a:visited { color: rgb(0, 0, 0); }
.ul-news li { line-height: 20px; font-size: 12px; }
.ul-news span { color: rgb(136, 136, 136); }
.ul-news em { color: rgb(153, 153, 153); font-size: 12px; float: right; }
.leftbar h3 {  padding: 0px 20px;  color: rgb(204, 32, 90); line-height: 26px; font-size: 12px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; }
.leftbar .hd { background: url("title_bg.gif") repeat-x; height: 40px; }
.leftbar .text { margin: 0px; padding: 1px 2px; border: currentColor; width: 127px; height: 15px; }
.leftbar .inp { background: url("searchtxt.gif") no-repeat; padding: 2px 0px; width: 158px; position: relative; }
.leftbar .inp span { border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(238, 238, 238) currentColor rgb(238, 238, 238) rgb(238, 238, 238); width: 91px; height: 18px; overflow: hidden; float: left; display: inline; }
.leftbar .inp button { background: url("search.jpg") no-repeat; border: currentColor; width: 66px; height: 20px; float: left; display: inline; }
.leftbar dl { line-height: 18px; }
.leftbar dd { color: rgb(136, 136, 136); margin-bottom: 10px; }
.leftbar dt a:link { color: rgb(68, 68, 68); text-decoration: underline; }
.leftbar dt a:visited { color: rgb(68, 68, 68); text-decoration: underline; }
.leftbar dl.lnk { line-height: 16px; }
.leftbar dl.lnk dt { width: 70px; clear: left; float: left; }
.leftbar dl.lnk dd {width: 180px;  margin: 0px; float: left; overflow: hidden; white-space: normal; }
.leftbar dl.lnk dt { margin-bottom: 4px; }
.leftbar dl.lnk dd { margin-bottom: 4px; }
.leftbar li { margin-bottom: 10px; }
.leftbar li img { vertical-align: top; }
.leftbar .ul-news li { margin-bottom: 0px; }
.maintop { background: rgb(255, 255, 255); padding: 0px 10px; border: 1px solid rgb(170, 204, 238); width: 728px; height: 28px; line-height: 28px; }
.navigation { width: 100%; }
.navigation li { background: url("/Home/Images/ar2.gif") no-repeat 0px; color: rgb(102, 102, 102); padding-right: 10px; padding-left: 15px; float: left; display: inline; }
.navigation li.first { padding-left: 0px; }
.navigation li strong { color: rgb(0, 0, 0); }
.navigation a:link { color: rgb(102, 102, 102); }
.navigation a:visited { color: rgb(102, 102, 102); }
.mod { width: 100%; }
.mod .hd { background: url("title_bg.gif") repeat-x; padding: 0px 20px; height: 34px; }
.mod .hd h3 { color: rgb(204, 32, 90); line-height: 34px; float: left; }
.mod .hd .more { line-height: 34px; float: right; }
.mod .hd .more:link { color: rgb(255, 255, 255); }
.mod .hd .more:visited { color: rgb(255, 255, 255); }
.mod .bd { background: rgb(255, 255, 255); padding: 20px; line-height: 24px; font-size: 14px; zoom: 1; }
.mod .photo { background: url("/Home/Images/photo_border.gif") no-repeat; margin: 0px 0px 10px 10px; padding: 0px 4px 4px 0px; float: right; }
.mod .bd h5 { color: rgb(0, 88, 178); font-weight: normal; margin-bottom: 10px; }
.mod a:link { color: rgb(0, 88, 178); }
.mod a:visited { color: rgb(0, 88, 178); }
.mod .ul-list { width: 100%; }
.mod .ul-list li { padding: 0px 11px; width: 160px; margin-bottom: 10px; }
.mod .ul-list li .pic a { width: 150px; height: 150px; }
.mod .ul-list .name { padding: 0px 0px 0px 3px; width: 157px; height: 48px; overflow: hidden; font-size: 12px; }
.mod .ul-news li { line-height: 30px; font-size: 14px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: dotted; }
.tb { background: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; zoom: 1; }
.tb th { padding: 10px 6px; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; }
.tb td { padding: 10px 6px; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; }
.tb th { background: rgb(238, 238, 238); width: 130px; text-align: right; font-weight: bold; }
.tb th.td2 { width: auto !important; }
.tb td.td1 { background: rgb(247, 247, 247); }
.table td { font-size: 14px; }
.tb1 { background: rgb(255, 255, 255); width: 100%; border-top-color: rgb(249, 249, 249); border-left-color: rgb(249, 249, 249); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; }
.tb1 th { background: rgb(224, 224, 224); text-align: left; }
.tb1 th { padding: 5px 8px; border-right-color: rgb(249, 249, 249); border-bottom-color: rgb(249, 249, 249); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; }
.tb1 td { padding: 5px 8px; border-right-color: rgb(249, 249, 249); border-bottom-color: rgb(249, 249, 249); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; }
.tb1 span { color: rgb(153, 153, 153); }
.tb1 td.good { color: rgb(193, 69, 167); }
.tb1 td.normal { color: rgb(0, 153, 51); }
.info { zoom: 1; }
.info .picinfo { width: 250px; }
.info .detail { width: 430px; }
.info .big { border: 1px solid rgb(238, 238, 238); width: 240px; height: 240px; }
.info .big img { vertical-align: middle; }
.info .small { width: 100%; margin-top: 10px; }
.info .small .next { padding: 12px 0px; line-height: 16px; margin-right: 10px; float: right; }
.info .picslist { margin: 0px -3px; width: 180px; float: left; position: relative; }
.info .picslist li { margin: 3px; border: 1px solid rgb(238, 238, 238); width: 50px; height: 50px; overflow: hidden; vertical-align: top; float: left; display: inline; }
.info .picslist li a { width: 50px; height: 50px; text-align: center; vertical-align: middle; display: table-cell; }
.info .picslist li img { vertical-align: middle; }
#Browser { background: rgb(85, 85, 85); border: 1px solid rgb(0, 0, 0); position: absolute; z-index: 100; }
#mag { background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); overflow: hidden; z-index: 100; }
#zoomout { background: url("/Home/Images/opacity5bg.png"); padding: 0px 5px; left: 60px; top: 110px; width: 110px; height: 24px; text-align: center; color: rgb(255, 255, 255); display: none; position: absolute; cursor: url(/Home/Images/magnify.cur), pointer; }
#zoomout em { background: url("/Home/Images/zoomout.png") no-repeat 0px; padding-left: 10px; font-size: 14px; display: block; }
.info .detail { margin-left: 20px; }
.info .detail dl { width: 100%; }
.info .detail dl dt { clear: left; float: left; }
.info .detail ul { width: 100%; }
.info .detail ul li { margin-right: 10px; float: left; display: inline; }
.info .detail ul li img { vertical-align: middle; }
.info .detail table { width: 100%; }
.info .detail table th { width: 70px; }
.info .detail table th { padding: 3px 5px; }
.info .detail table td { padding: 3px 5px; }
.mod h4 { background: url("/Home/Images/log.gif") no-repeat 15px 40% rgb(239, 239, 239); padding-left: 40px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 2px; border-bottom-style: solid; }
.mod .con { padding: 10px 15px 0px; }
.mod .con::after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
.mod h1 { text-align: center; font-size: 14px; }
.mod .sub { text-align: center; font-size: 12px; }
.mod .content { margin-top: 20px; }
.mod .content p { text-indent: 2em; }
.chx { margin: auto; width: 495px; }
.chx td { padding: 0px; }
.mod .ul-image { width: 100%; }
.mod .ul-image li { padding: 9px; float: left; display: inline; }
.mod .ul-image .pic { padding: 5px; border: 1px solid rgb(238, 238, 238); width: 210px; height: 160px; overflow: hidden; }
.mod .ul-image .pic a { width: 210px; height: 160px; text-align: center; vertical-align: middle; display: table-cell; }
.mod .ul-image .pic img { vertical-align: middle; }
.mod .ul-image .name { text-align: center; font-size: 12px; margin-top: 5px; }
.comment { background: rgb(247, 247, 247); padding: 8px 10px; }
.comment .new { float: right; }
.comment a.selected { background: url("/Home/Images/label.gif") no-repeat 0px; padding-left: 10px; font-weight: bold; }
.comment a:link { color: rgb(51, 51, 51); }
.comment a:visited { color: rgb(51, 51, 51); }
.ul-cate { zoom: 1; }
.ul-cate li { font-size: 12px; margin-right: 10px; float: left; display: inline; white-space: nowrap; }
.displaymode { font-size: 12px; }
.moda { background: url("moda_bg.jpg") no-repeat rgb(255, 255, 255); padding: 20px; zoom: 1; }
.moda .contact { float: left; display: inline; }
.moda .lastorders { float: left; display: inline; }
.moda .hd { width: 100%; height: 26px; border-bottom-color: rgb(255, 214, 224); border-bottom-width: 1px; border-bottom-style: solid; }
.moda .hd h3 { border-width: 1px; border-style: solid; border-color: rgb(255, 214, 224) rgb(255, 214, 224) rgb(255, 255, 255); padding: 0px 20px; height: 25px; color: rgb(51, 51, 51); line-height: 26px; font-size: 12px; margin-bottom: -1px; float: left; position: relative; }
.moda .contact { width: 341px; height: auto !important; float: left; display: inline; min-height: 222px; }
.moda .lastorders { width: 341px; height: auto !important; float: left; display: inline; min-height: 222px; }
.moda .contact { background: url("line.jpg") no-repeat right 5px; padding-right: 20px; }
.moda .lastorders { margin-left: 20px; }
.moda .bd h5 { color: rgb(204, 32, 90); font-size: 14px; font-weight: normal; margin-bottom: 10px; }
.moda table th { width: 60px; color: rgb(204, 32, 90); }
.moda table th { line-height: 20px; font-size: 12px; }
.moda table td { line-height: 20px; font-size: 12px; }
.moda table td { color: rgb(102, 102, 102); padding-left: 10px; }
.contactus span { font-size: 16px; }
.contactus em { fonts-size: 14px; }
.lastorders .ul-news li { border: currentColor; font-size: 12px; }
.barbody { padding: 10px 20px; width: 158px; overflow: hidden; }
.barbody p { line-height: 20px; }
.category { width: 100%; }
.category li { margin-bottom: 10px; }
.category li.li-text { background: url("/Home/Images/ar.gif") no-repeat 10px 50% rgb(0, 88, 178); padding: 5px 5px 5px 25px; line-height: 18px; font-size: 14px; }
.category li img { vertical-align: top; }
.category li.li-text a:link { color: rgb(204, 255, 255); }
.category li.li-text a:visited { color: rgb(204, 255, 255); }
.relief { background: rgb(255, 255, 255); padding: 10px 20px; color: rgb(0, 0, 0); }
.relief strong { color: rgb(153, 153, 153); font-size: 14px; }
.pager { background: rgb(255, 255, 255); line-height: 13px; zoom: 1; }
.pager span { margin: 1px; padding: 2px 5px; float: left; display: inline; }
.pager a { margin: 1px; padding: 2px 5px; float: left; display: inline; }
.pager span { background: rgb(210, 0, 1); border: 1px solid rgb(172, 3, 6); color: rgb(255, 255, 255); }
.pager a { background: rgb(255, 255, 255); border: 1px solid rgb(184, 184, 184); }
.pager a:link { color: rgb(153, 153, 153); }
.pager a:visited { color: rgb(153, 153, 153); }
.ft-outer { background: rgb(255, 255, 255); }
.footer { margin: auto; padding: 10px 20px; width: 940px; color: rgb(153, 153, 153); line-height: 20px; }
.footer .a1 { background: url("/Home/Images/ar.gif") no-repeat 100%; padding-right: 12px; }
.footer a:link { color: rgb(102, 102, 102); }
.footer a:visited { color: rgb(102, 102, 102); }
.copyright { color: rgb(64, 135, 220); margin-top: 10px; }
.footer .level { line-height: 27px; float: right; }
.footer span { color: rgb(204, 204, 204); }


shop-category { line-height: 1.8em; word-break: break-all; word-wrap: break-word; }
.shop-category ul.simple { margin-left: 10px; }
.shop-category ul.simple li a.image { width: 150px; overflow: hidden; display: block; }
.shop-category ul.simple li a.image img { float: left; }
.shop-category ul.simple li.cat { padding-bottom: 6px; margin-bottom: 6px; border-bottom-color: rgb(203, 203, 203); border-bottom-width: 1px; border-bottom-style: dotted; }
.shop-category .bd ul.simple li.last-cat { padding-bottom: 0px; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; }
.shop-category ul.simple .cat-hd { background: url("/Home/Images/category-nav.png") no-repeat 0px -485px; padding-left: 16px; font-weight: bold; }
.shop-category ul.simple li.expand .cat-hd { background-position: -189px 5px; overflow: hidden; padding-left: 16px; zoom: 1; }
.shop-category ul.simple li.expand h4.collapse { background: url("/Home/Images/category-nav.png") no-repeat 0px 5px; cursor: pointer; }
.shop-category ul.simple li.expand h4 a { float: left; }
.shop-category ul.simple li.collapse ul { display: none; }
.shop-category ul.simple li li { background: url("/Home/Images/category-nav.png") no-repeat -386px; padding: 3px 0px 3px 16px; }
.shop-category ul.simple li li.last { background-position: -586px; }
.shop-category .bd ul.vas { margin: 0px; padding: 0px; width: 172px; display: block; }
.shop-category .bd ul.vas h4 { list-style: none; height: 23px; line-height: 23px; text-indent: 35px; font-size: 12px; display: block; }
.shop-category ul.vas .cat-bd li { list-style: none; height: 23px; line-height: 23px; text-indent: 35px; font-size: 12px; display: block; }
.shop-category ul.vas .cat-bd li { padding: 0px; }
.shop-category .bd ul.vas .cat-hd { line-height: 27px; text-indent: 25px; }
.shop-category .bd ul.vas a { color: rgb(0, 0, 0); text-decoration: none; }
.shop-category .bd ul.vas .cat { margin-bottom: 10px; }
.shop-category .bd ul.vas li.last-cat { margin-bottom: 0px; }
.shop-category ul.vas .cat-hd { cursor: pointer; }
